<!--
 * @Description: 
 * @Version: 1.0
 * @Author: Will
 * @Date: 2021-12-06 14:15:37
 * @LastEditors: MarsLay 331412466@qq.com
 * @LastEditTime: 2024-02-20 11:31:58
 * @FilePath: \cloud-space\pages\assets\discern.vue
 * Copyright (C) 2021 Will. All rights reserved.
-->
<template>
  <l-page canback title="设置">
    <b-button :param="handlerParam" @handler="handler"></b-button>
    <view class="form">
      <view class="inner">
        <view class="single" v-for="v in option" :key="v.id">
          <view class="label">{{ v.label }}</view>
          <image class="arrow" mode="aspectFill" src="../../static/img/icon/arrow-right-h.png"></image>
        </view>
      </view>
    </view>
  </l-page>
</template>

<script>
export default {
  name: "setting",
  components: {},
  data() {
    return {
      option: [{ id: 0, label: '账户与安全' },
      { id: 1, label: '消息设置' },
      { id: 2, label: '隐私设置' },
      { id: 3, label: '清除缓存' },
      { id: 4, label: '检查更新' },
      { id: 5, label: '关于小程序' },
      ],
    };
  },
  computed: {},
  watch: {},
  onLoad(d) { },
  onShow() { },
  methods: {
  },
  onUnload() { },
};
</script>
<style lang="less" scoped>
.form {
  padding: 20upx;

  .arrow {
    width: 24upx;
    height: 24upx;
  }

  >view {
    padding: 0 20upx 0 38upx;
    width: 100%;
    background: #FFFFFF;
    border-radius: 16upx;

    .single {
      .flex();
      height: 100upx;

      &:not(:last-child) {
        border-bottom: 2upx solid #F5F5F5;
      }

      .label {
        width: 200upx;
        font-size: 28upx;
        font-weight: bold;
        color: #333333;
        line-height: 36upx;
      }
    }
  }
}
</style>